<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/cart.css">
    <link rel="stylesheet" href="./lib/fa/css/font-awesome.min.css">
    <title>购物车</title>
</head>
<body>
    <div class="cart-layout jd_container">
        <!-- 头部 -->
        <div class="cart-header jd_header">
            <a href="#" class="back icon_left"></a>     
            <h4 class="title">购物车</h4>      
            <a href="#" class="menu icon_right"></a>
           
        </div>
        <!-- 安全 -->
        <div class="cart-address">
           <p class="address fl one-txt-cut">
                <span class="fa fa-map-marker "></span>   
                上海市浦东新区航头镇黑马程序员
             </p>
           <a href="#" class="fished fr" >编辑商品</a>
        </div>
        <!-- 商品 -->
        <div class="cart-product">
            <div class="product-title">
                <a href="#" class="chk-all chk"></a>
                <div class="title-right">
                    <span class="logo fl"></span>
                    <span class="text fl">京东自营 </span>
                    <span class="right fl fa fa-chevron-right"></span>
                </div>
            </div>
            <div class="product-content">
                <div class="item">
                    <a href="#" class="chk-one chk"></a>
                    <!-- 信息 -->
                    <div class="info">
                        <img src="./images/detail01.jpg" alt="">
                        <div class="info-right">
                            <p class="text">南极人睡衣女夏季新款棉质短袖睡衣家居服睡裙 女可爱薄款印花女士睡衣连衣裙 </p>
                            <div class="option">
                                <p class="fl price">￥99.99</p>
                                <div class="num fr">
                                    <span>-</span>
                                    <span>1</span>
                                    <span>+</span>
                                </div>                               
                            </div>
                        </div>
                    </div>
                </div>                   
                <div class="item">
                    <a href="#" class="chk-one chk"></a>
                    <!-- 信息 -->
                    <div class="info">
                        <img src="./images/detail01.jpg" alt="">
                        <div class="info-right">
                            <p class="text">南极人睡衣女夏季新款棉质短袖睡衣家居服睡裙 女可爱薄款印花女士睡衣连衣裙 </p>
                            <div class="option">
                                <p class="fl price">￥99.99</p>
                                <div class="num fr">
                                    <span>-</span>
                                    <span>1</span>
                                    <span>+</span>
                                </div>                               
                            </div>
                        </div>
                    </div>
                </div>                   
                <div class="item">
                    <a href="#" class="chk-one chk"></a>
                    <!-- 信息 -->
                    <div class="info">
                        <img src="./images/detail01.jpg" alt="">
                        <div class="info-right">
                            <p class="text">南极人睡衣女夏季新款棉质短袖睡衣家居服睡裙 女可爱薄款印花女士睡衣连衣裙 </p>
                            <div class="option">
                                <p class="fl price">￥99.99</p>
                                <div class="num fr">
                                    <span>-</span>
                                    <span>1</span>
                                    <span>+</span>
                                </div>                               
                            </div>
                        </div>
                    </div>
                </div>                   
                <div class="item">
                    <a href="#" class="chk-one chk"></a>
                    <!-- 信息 -->
                    <div class="info">
                        <img src="./images/detail01.jpg" alt="">
                        <div class="info-right">
                            <p class="text">南极人睡衣女夏季新款棉质短袖睡衣家居服睡裙 女可爱薄款印花女士睡衣连衣裙 </p>
                            <div class="option">
                                <p class="fl price">￥99.99</p>
                                <div class="num fr">
                                    <span>-</span>
                                    <span>1</span>
                                    <span>+</span>
                                </div>                               
                            </div>
                        </div>
                    </div>
                </div>                   
                <div class="item">
                    <a href="#" class="chk-one chk"></a>
                    <!-- 信息 -->
                    <div class="info">
                        <img src="./images/detail01.jpg" alt="">
                        <div class="info-right">
                            <p class="text">南极人睡衣女夏季新款棉质短袖睡衣家居服睡裙 女可爱薄款印花女士睡衣连衣裙 </p>
                            <div class="option">
                                <p class="fl price">￥99.99</p>
                                <div class="num fr">
                                    <span>-</span>
                                    <span>1</span>
                                    <span>+</span>
                                </div>                               
                            </div>
                        </div>
                    </div>
                </div>                   
                <div class="item">
                    <a href="#" class="chk-one chk"></a>
                    <!-- 信息 -->
                    <div class="info">
                        <img src="./images/detail01.jpg" alt="">
                        <div class="info-right">
                            <p class="text">南极人睡衣女夏季新款棉质短袖睡衣家居服睡裙 女可爱薄款印花女士睡衣连衣裙 </p>
                            <div class="option">
                                <p class="fl price">￥99.99</p>
                                <div class="num fr">
                                    <span>-</span>
                                    <span>1</span>
                                    <span>+</span>
                                </div>                               
                            </div>
                        </div>
                    </div>
                </div>                   
                <div class="item">
                    <a href="#" class="chk-one chk"></a>
                    <!-- 信息 -->
                    <div class="info">
                        <img src="./images/detail01.jpg" alt="">
                        <div class="info-right">
                            <p class="text">南极人睡衣女夏季新款棉质短袖睡衣家居服睡裙 女可爱薄款印花女士睡衣连衣裙 </p>
                            <div class="option">
                                <p class="fl price">￥99.99</p>
                                <div class="num fr">
                                    <span>-</span>
                                    <span>1</span>
                                    <span>+</span>
                                </div>                               
                            </div>
                        </div>
                    </div>
                </div>                   
        </div>
        <div class="cart-footer">
            <div class="chk-all">
                <span>全选</span>
            </div>            
            <div class="total">
                总计：<span class="money">￥0.00</span>
                <br>
                <small class="info"> 总额￥0.00 立减￥0.00 </small>
            </div>

            <a href="#" class="delete">去结算(0件)</a>
        </div>
        <!-- 模态框 -->
        <div class="win-box">
            <div class="del-box animated">
                <p>亲，确定删除此商品？</p>
                <div class="option clearfix">
                    <a href="#" class="cancel fl">取消</a>
                    <a href="#" class="ok fr">确定</a>
                </div>
            </div>
        </div>
        </div>
    </div>
</body>
</html>